<%-- 
    Document   : index
    Created on : Oct 1, 2012, 11:47:41 PM
    Author     : MinhThang
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <meta name="description" content="website description" />
      <meta name="keywords" content="website keywords, website keywords" />
      <meta http-equiv="content-type" content="text/html; charset=windows-1252" />
      <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine&amp;v1#" />
      <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" />
      <link rel="stylesheet" type="text/css" href="style/style.css" />
      <link rel="stylesheet" type="text/css" href="css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/style6.css" />
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
    <script language="javascript" type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript">
        $(document).ready( function(){
            var buttons = { previous:$('#jslidernews3 .button-previous') ,
                next:$('#jslidernews3 .button-next') };

            var _complete = function(slider, index){
                $('#jslidernews3 .slider-description').animate({height:0});
                slider.find(".slider-description").animate({height:100})
            };							;
            $('#jslidernews3').lofJSidernews( { interval : 4000,
                direction		: 'opacity',
                easing			: 'easeOutBounce',
                duration		: 1200,
                auto		 	: true,
                mainWidth:647,
                buttons			: buttons,
                onComplete:_complete } );
        });
    </script>

        <title>Index</title>
    </head>
    <body>
        <div>
            <div><%@include file="UserTemplate/Banner.jsp" %></div>
            <div id="site_content">
                <div id="content">
                    <div class="contentnews"><div id="container">
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="jslidernews3" class="lof-slidecontent" style="width:100%; height:218px;">
	<div class="preload"><div></div></div>

            <div  class="button-previous">Previous</div>

    <!-- MAIN CONTENT -->
    <div class="main-slider-content" style="width:100%; height:218px;">
                <ul class="sliders-wrap-inner">
                    <li>
                          <img src="images/thumbl_980x340.png" title="Newsflash 2" >
                          
                    </li>
                   <li>
                      <img src="images/thumbl_980x340_002.png" title="Newsflash 1" >
                         
                  </li>
                   <li>
                      <img src="images/thumbl_980x340_003.png" title="Newsflash 3" >
                        
                  </li>
                    <li>
                      <img src="images/thumbl_980x340_004.png" title="Newsflash 5" >
                        
                    </li>
                    <li>
                      <img src="images/thumbl_980x340_005.png" title="Newsflash 5" >
                        
                    </li>
                    <li>

                      <img src="images/thumbl_980x340_006.png" title="Newsflash 5" >
                        
                    </li>

      </ul>
            </div>
 		   <!-- END MAIN CONTENT -->

    <div class="button-next">Next</div>
 </div>
    </div></div>
                </div>
                <div><%@include file="UserTemplate/MenuRight.jsp"%></div>
            </div>
            <div></div>
        </div>
    </body>
</html>

